<template>
  <van-empty class="custom-image" :description="tips" />
</template>

<script>
import { Empty as vanEmpty } from 'vant'
export default {
  components: { vanEmpty },
  props: {
    tips: {
      type: String,
      default: '暂无数据'
    }
  },
  data () {
    return {}
  }
}
</script>

<style lang="css" scoped>
.custom-image {
  height: 60vh;
  display: flex;
  justify-content: center;
  box-shadow: 0 40vh 0 white;
}
</style>
